<template>
   <swiper class="carousel" autoplay indicator-dots circular :style="{ height }">
    <swiper-item v-for="item in banners" :key="item.id">
      <image :src="item.imgUrl"></image>
    </swiper-item>
  </swiper>
</template>

<script>
export default {
  props:{
    banners:{
      type:Array,
      default:()=>[]
    },
    height:{
      type:String
    }
  },
};
</script>

<style scoped>
.carousel {
  height: 100%;
}
</style>
